<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>后台管理</title>
<link rel="stylesheet" type="text/css" href="__STATIC__/admin/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/admin.css" />
</head>

<body>
<div class="wrap-container">
  <div class="column-content-detail">
    <form class="layui-form" action="">
      <div class="layui-form-item">
        <div class="layui-inline tool-btn">
          <button type="button" class="layui-btn layui-btn-small layui-btn-normal addBtn"><i class="layui-icon">&#xe654;</i></button>
        </div>
        <div class="layui-inline">
          <input type="text" name="q" placeholder="请输入关键字" autocomplete="off" class="layui-input">
        </div>
        <button type="submit" class="layui-btn layui-btn-normal" lay-submit="search">搜索</button>
      </div>
    </form>
    <div class="layui-form" id="category-table-list">
      <table class="layui-table" lay-even lay-skin="nob">
        <colgroup>
        <col width="50">
        <col class="hidden-xs" width="50">
        <col>
        <col width="220">
        <col width="250">
        </colgroup>
        <thead>
          <tr>
            <th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
            <th class="hidden-xs">ID</th>
            <th>广告位</th>
            <th>时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          
          {volist name='_list' id='vo'}
          <tr>
            <td><input type="checkbox" name="id" lay-skin="primary" value="{$vo.id}" data-id="{$vo.id}"></td>
            <td class="hidden-xs">{$vo.id}</td>
            <td><a href="{:url('adlist',['adv_id'=>$vo['id']])}" class="title">{$vo.title}</a></td>
            <td>{$vo.create_time|time_format}</td>
            <td><div class="layui-inline">
                <a class="layui-btn layui-btn-mini" href="{:url('adlist',['adv_id'=>$vo['id']])}"><i class="layui-icon">广告管理</i></a>
                <button class="layui-btn layui-btn-mini layui-btn-normal edit-btn" data-id="{$vo.id}"><i class="layui-icon">编辑</i></button>
                <button class="layui-btn layui-btn-mini layui-btn-danger del-btn" data-id="{$vo.id}"><i class="layui-icon">删除</i></button>
              </div></td>
          </tr>
          {/volist}
          
        </tbody>
      </table>
      <!--tp分页-->
      <div class="page-wrap">
      {$_page}
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
			var SCOPE = {
				add: "{:url('add')}",
				edit: "{:url('edit')}",
				del: "{:url('del')}"
			}
</script> 
<script src="__STATIC__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="__STATIC__/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script> 
<script src="__STATIC__/js/common.js" type="text/javascript" charset="utf-8"></script> 
<script>
			layui.config({
				base: '__STATIC__/admin/js/module/'
			}).extend({
				dialog: 'dialog',
				load: 'load',
				common: 'common'
			});
			layui.use(['form', 'jquery', 'layer', 'dialog', 'element'], function() {
				var form = layui.form(),
					layer = layui.layer,
					$ = layui.jquery,
					common = layui.common,
					element = layui.element(),
					dialog = layui.dialog;

				//获取当前iframe的name值
				var iframeObj = $(window.frameElement).attr('name');
				//全选
				form.on('checkbox(allChoose)', function(data) {
					var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
					child.each(function(index, item) {
						item.checked = data.elem.checked;
					});
					form.render('checkbox');
				});
				form.render();
				//顶部添加
				$('.addBtn').click(function() {
					//将iframeObj传递给父级窗口,执行操作完成刷新
					parent.page("添加广告位", SCOPE.add, iframeObj, w = "700px", h = "620px");
					return false;

				}).mouseenter(function() {
					dialog.tips('添加', '.addBtn');
				})
				
				//删除
				$('.del-btn').on('click', function() {
					var id = $(this).attr('data-id');
					//common.del(SCOPE.del, id);
					ajax_get(conv_url(SCOPE.del)+"id="+id,true);
				})

				
				//编辑栏目
				$('.edit-btn').on('click', function() {
					var id = $(this).attr('data-id');
					//将iframeObj传递给父级窗口
					parent.page("编辑广告位", conv_url(SCOPE.edit) + "id=" + id, iframeObj, w = "700px", h = "620px");
				})
				
				
				//修改状态
				$('.table-list-status').on('click', function() {
					var That = $(this); 
					var status = That.attr('data-status');
					var id = That.attr('data-id');
					var url = conv_url("{:url('status')}")+"id="+id;
					if(status == 0) {
						That.removeClass('layui-btn-warm').addClass('layui-btn-normal').html('正常').attr('data-status', 1);
						url += "&status="+1;
					} else if(status == 1) {
						That.removeClass('layui-btn-normal').addClass('layui-btn-warm').html('禁用').attr('data-status', 0);
						url += "&status="+0;
					}
					get_data(url,false);
				})
			});
		</script>
</body>
</html>